<template>
	<view>
		<navBar :title="title"></navBar>
		<view class="view_one">
			<text class="text_one" style="color:rgb(255,132,61)">待完成</text>
			<!-- <text style="color:rgb(2,242,8)">已完成</text> -->
		</view>
		
		<view class="view_one">
			<text class="text_one">基础信息</text>
			<view class="view_two">
				<view>
					<text class="text_two">所在场区：</text>
					<text class="text_two">场区</text>
				</view>
				<view>
					<text class="text_two">任务负责人：</text>
					<text class="text_two">李四</text>
				</view>
				<view>
					<text class="text_two">任务描述：</text>
					<text class="text_two">这是一个任务</text>
				</view>
				<view>
					<text class="text_two">备注：</text>
					<text class="text_two">这是一条备注</text>
				</view>
			</view>
			
		</view>
		
		
		<view class="view_one">
			<text class="text_one">任务操作</text>
			<view class="view_two">
				<view>
					<text class="text_two">任务完成时间：</text>
					<text class="text_two">完成时间</text>
					
				</view>
				<view>
					<text class="text_two">任务结果：</text>
					<uni-file-picker 
						style="border: 1rpx solid black; width: 200rpx; height: 200rpx;"
						v-model="imageValue" 
						fileMediatype="image" 
						mode="grid" 
						@select="select" 
						@progress="progress" 
						@success="success" 
						@fail="fail" 
					/>
				</view>
				<view>
					<image src="../../../static/logo.png" mode="aspectFit" style="width: 200rpx;height: 200rpx;">
				</view>
				<view>
					<text class="text_two">结果描述：</text>
					<textarea
					class="textduohang" 
					v-model="textarea" 
					placeholder-style="font-size:30rpx"
					placeholder="最多不超过300字"></textarea>
				</view>
			</view>
			
			<view class="fabu">
				发布
			</view>
			
		</view>
		
		
	</view>
</template>

<script>
	import navBar from '../../renwuguanli/component/navBar.vue'
	
	
	export default {
		data() {
			return {
				title:'任务详情',
				imageValue:[],
				textarea:''
				
			}
		},
		methods: {
			// 获取上传状态
						select(e){
							console.log('选择文件：',e)
						},
						// 获取上传进度
						progress(e){
							console.log('上传进度：',e)
						},
						
						// 上传成功
						success(e){
							console.log('上传成功')
						},
						
						// 上传失败
						fail(e){
							console.log('上传失败：',e)
						}
			
		},
		components: {
		  navBar
		}
	}
</script>

<style>
	.zong{
		width: 100%;
		height: 100%;
		background-color: white;
		display: flex;
		flex-direction: column;
	}
	.view_one{
		width: 90%;
		padding: 10rpx 40rpx;
	}
	.text_one{
		font-size: 40rpx;
	}
	.view_two{
		width: 90%;
		padding: 20rpx 40rpx;
	}
	.text_two{
		font-size: 35rpx;
	}
	.textduohang{
		width: 100%;
		padding: 0 10rpx;
		height: 200rpx;
		border: 1rpx solid black;
		margin-top: 20rpx;
	}
	.fabu{
		width: 100%;
		background-color: rgb(0, 112, 255);
		height: 70rpx;
		color:white;
		text-align: center;
		line-height: 70rpx;
		margin-top: 100rpx;
		font-size: 40rpx;
	}

</style>
